body {
  height: 100%;
}
body .c_navbar {
  background-color: #464646;
  border-color: #e7e7e700;
  margin-bottom: 0;
}
body .c_navbar .c_cot {
  width: 90%;
}
body .c_navbar .c_cot .c_header {
  display: inline-block;
  width: 19%;
  height: 75px;
}
body .c_navbar .c_cot .nav_menu_li {
  margin-right: 1vh;
}
body .c_navbar .c_cot .nav_menu_li .nav_menu_font {
  line-height: 44px;
  font-size: 1.5em;
  color: #fff;
}
body .c_navbar .c_cot .btn_login {
  border: 3px solid #fff;
  border-radius: 18px;
  margin-top: 21px;
  width: 74px;
  height: 36px;
}
body .c_navbar .c_cot .btn_login a {
  color: #fff;
  line-height: 0;
  font-size: 1.3em;
}
body .c_navbar .c_cot .btn_login a .img-circle {
  width: 45px;
  height: 45px;
  display: inline-block;
}
body .c_navbar .c_cot .btn_login a span {
  display: inline-block;
}
body .c_navbar .c_cot .login_img {
  margin-top: 0;
  border: none;
  border-radius: 0;
  width: auto;
}
body #container {
  width: 100%;
}
body #container #prev {
  padding: 0 40px;
  margin-bottom: 20px;
  height: 100%;
}
body #container #prev .prev_left {
  margin-top: 40px;
  background-color: #fafafa;
  height: 620px;
  margin-bottom: 40px;
}
body #container #prev .prev_left #canvas3d {
  width: 100%;
  height: 100%;
}
body #container #prev .prev_left #uploadForm {
  display: none;
}
body #container #prev .prev_right {
  margin-top: 40px;
}
body #container #prev .prev_right li {
  list-style: none;
  background-color: #fff;
  font-size: 20px;
  line-height: 50px;
}
body #container #prev .prev_right li img {
  display: inline-block;
  width: 45px;
  height: 45px;
}
body #container #prev .prev_right li .file_png,
body #container #prev .prev_right li .size_png {
  width: 35px;
  height: 35px;
  margin-left: 6px;
  margin-right: 4px;
}
body #container #prev .prev_right li .resize_png,
body #container #prev .prev_right li .pla_png,
body #container #prev .prev_right li .number_png,
body #container #prev .prev_right li .time_png,
body #container #prev .prev_right li .price_png {
  width: 30px;
  height: 30px;
  margin-left: 9px;
  margin-right: 5px;
}
body #container #prev .prev_right li .type_png {
  width: 39px;
  height: 39px;
  margin-left: 5px;
}
body #container #prev .prev_right li span {
  display: inline-block;
  vertical-align: middle;
}
body #container #prev .prev_right li .select {
  display: inline-block;
  height: 29px;
  width: 80px;
  vertical-align: middle;
  position: relative;
}
body #container #prev .prev_right li .select:after {
  content: "";
  width: 14px;
  height: 18px;
  background: url(../images/arrow.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 99;
}
body #container #prev .prev_right li select {
  width: 100%;
  padding: 0 9px;
  vertical-align: top;
  border-radius: 5px;
  border: none;
  background-color: #fafafa;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 29px;
}
body #container #prev .prev_right li .price {
  font-size: 16px;
  margin-left: 10px;
}
body #container #prev .prev_right li .pro_bar {
  width: 350px;
  height: 3px;
  line-height: 25px;
  position: relative;
  margin: 10px 0 10px 53px;
}
body #container #prev .prev_right li .pro_bar .progress {
  width: 300px;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
  background-color: #bccbbf;
}
body #container #prev .prev_right li .pro_bar .progress .progress-bar {
  width: 0;
  height: 100%;
  background-color: #1ac272;
}
body #container #prev .prev_right li .pro_bar .pro_control {
  position: absolute;
  right: 45px;
  top: -6px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #1ac272;
}
body #container #prev .prev_right li .pro_bar #progress_value {
  position: absolute;
  right: 0;
  top: -11px;
}
body #container #prev .prev_right li .pri_type {
  line-height: 25px;
  margin-left: 50px;
}
body #container #prev .prev_right li .pri_type button {
  line-height: 11px;
  width: 80px;
  text-align: center;
}
body #container #prev .prev_right li .pri_type button:hover {
  background-color: #1ac272;
  color: #fff;
}
body #container #prev .prev_right li .pri_type .selected {
  background-color: #1ac272;
  color: #fff;
}
body #container #prev .prev_right li .number span {
  width: 30px;
  background: #1ac272;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;
}
body #container #prev .prev_right li .number span:nth-child(1) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  color: #fff;
}
body #container #prev .prev_right li .number span:nth-child(2) {
  border-radius: 0;
  width: 50px;
  background-color: #fafafa;
}
body #container #prev .prev_right li .number span:nth-child(3) {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
  color: #fff;
}
body #container #prev .prev_right li .money {
  font-size: 30px;
  color: #1ac272;
}
body #container #prev .prev_right li .op_btn {
  background-color: #1ac272;
  margin-right: 20px;
  border-radius: 5px;
  font-size: 12px;
}
body #container #prev .prev_right li .op_btn:hover {
  border-color: #1ac272;
}
body #container #shopCar-wrapper {
  width: 100%;
  padding: 0 20px;
}
body #container #shopCar-wrapper .shopping .text-right {
  height: 50px;
  line-height: 50px;
}
body #container #shopCar-wrapper .shopping .text-right .sumMoney {
  margin-right: 10px;
  line-height: 50px;
  font-size: 20px;
}
body #container #shopCar-wrapper .shopping .text-right .sumAll {
  width: 60px;
  height: 35px;
  margin-bottom: 8px;
}
body #upload-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 75px;
  left: 0;
  bottom: 0;
  z-index: 99;
}
body #upload-wrapper .img-wrapper {
  width: 100%;
  height: 100%;
  background-image: url('../images/bg-img.jpg');
  background-size: cover;
}
body #upload-wrapper .upload {
  width: 250px;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -125px;
  margin-top: -150px;
  z-index: 999;
}
body #upload-wrapper .upload .btn-upload {
  display: inline-block;
  width: 100%;
  height: 100px;
  border-radius: 55px;
  border: 8px solid #fff;
  font-size: 30px;
  line-height: 84px;
  cursor: pointer;
  letter-spacing: 5px;
  text-decoration: none;
  color: #fff;
}
body #upload-wrapper .upload .text-wrapper {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 4px;
}
body #footer {
  background: #808080a1;
}
body #footer div div .f_img {
  width: 40px;
  display: inline-block;
  margin-right: 25px;
  cursor: pointer;
}
body #footer div div h3 {
  color: white;
  text-align: center;
}
